<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Nested Elements</title>
</head>
<body>
    <div id="outer">
        <ul>
            <li id="a"><button onclick="updateDisplay('A');" class="button">Button A</button></li>
            <li id="b"><button onclick="updateDisplay('B');" class="button">Button B</button></li>
        </ul>

        <p id="display">Nothing Pressed Yet</p>
    </div>

    <script type="text/javascript">
    	function updateDisplay(which) {
    		document.getElementById("display").textContent = "Button " + which + " was pressed";
    	}
    </script>
</body>
</html>